<template>
    <h3>{{ message }}</h3>
    <button @click="fun">逆转世界</button>
</template>
<script setup>
// 1.写出元素和样式
// 2.将静态数据转换成动态数据
import { ref } from 'vue'
const message = ref('Hello World')
const fun = () => {
    // JS语法：怎么将字符串
    // 将字符串拆散成字符数组，数组将元素反转，再数组中的字符拼接成字符串
    message.value = message.value.split('').reverse().join('')
}
</script>
<style scoped>
    
</style>